<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>火影周边</title>
	<!-- Font Awesome -->
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
	<!-- General demo styles & header -->
	<link rel="stylesheet" type="text/css" href="css/demo.css" />
	 <!-- Flickity gallery styles -->
	<link rel="stylesheet" type="text/css" href="css/flickity.css" />
	<!-- Component styles -->
	<link rel="stylesheet" type="text/css" href="css/component.css" />
	<script src="js/modernizr.custom.js"></script>
</head>
<body>
	<!-- 底部导航栏 -->
		<div class="bar">
			<div class="filter">
				<span class="filter__label">Filter: </span>
				<button class="action filter__item filter__item--selected" data-filter="*">全部</button>
				<button class="action filter__item" data-filter=".jackets"><span class="icon icon--jacket">服装</span><span class="action__text">服装</span></button>
				<button class="action filter__item" data-filter=".shirts"><span class="icon icon--shirt"> 假发</span><span class="action__text">假发</span></button>
				<button class="action filter__item" data-filter=".dresses"><span class="icon icon--dress">忍具</span><span class="action__text">忍具</span></button>
				<button class="action filter__item" data-filter=".trousers"><span class="icon icon--trousers">挂件</span><span class="action__text">挂件</span></button>
				<button class="action filter__item" data-filter=".shoes"><span class="icon icon--shoe">手办</span><span class="action__text">手办</span></button>
			</div>
			<button class="cart">
				<a href="car.html"><i class="cart__icon fa fa-shopping-cart"></i>
					<span class="text-hidden">Shopping cart</span>
					<span class="cart__count">0</span></a>
				
			</button>
		</div>
	<!-- 主体-->
	<div class="view">
		<!-- 头部 -->
		<header class="bp-header cf">
			<h1>火影周边 <span>Please choose what you like</span></h1>
				<a href="index.html" class="glyphicon glyphicon-home" ></a>
		</header>
		<!-- 内容 -->
		<section class="grid grid--loading">
			<!-- Loader -->
			<img class="grid__loader" src="images/grid.svg" width="60" alt="Loader image" />
			<!-- Grid sizer for a fluid Isotope (Masonry) layout -->
			<div class="grid__sizer"></div>
			<!-- Grid items -->
			<div class="grid__item shirts">
				<div class="slider">
					<div class="slider__item"><img src="images/jiafa/1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/1.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">卡卡西 假发</h3>
					<span class="meta__brand">第六代火影·卡卡西精美假发</span>
					<span class="meta__price">$40</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/11.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/22.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/33.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">宇智波</h3>
					<span class="meta__brand">宇智波超帅气，优质版</span>
					<span class="meta__price">$99</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item dresses">
				<div class="slider">
					<div class="slider__item"><img src="images/renju/8.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/8.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/8.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">一套装忍具 未开刃</h3>
					<span class="meta__brand">一套装忍具</span>
					<span class="meta__price">$50</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item grid__item--size-a shirts">
				<div class="slider">
					<div class="slider__item"><img src="images/jiafa/2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/2.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">春野樱 短发假发</h3>
					<span class="meta__brand">春野樱 短发假发</span>
					<span class="meta__price">$70</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item trousers">
				<div class="slider">
					<div class="slider__item"><img src="images/trousers/trousers1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers1.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">比卡丘版鸣人联名 钥匙扣</h3>
					<span class="meta__brand">比卡丘版鸣人联名 钥匙扣</span>
					<span class="meta__price">$11</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item grid__item--size-a jackets">
				<div class="slider">
					<div class="slider__item"><img src="images/jackets/k1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/k2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/k3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">卡卡西COS服套装</h3>
					<span class="meta__brand">卡卡西COS服套装</span>
					<span class="meta__price">$109</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/z.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/z.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/z.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">宇智波佐助</h3>
					<span class="meta__brand">宇智波佐助</span>
					<span class="meta__price">$88</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shirts">
				<div class="slider">
					<div class="slider__item"><img src="images/jiafa/3.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/3.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">旋涡鸣人假发</h3>
					<span class="meta__brand">旋涡鸣人假发</span>
					<span class="meta__price">$65</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/yu.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/yu.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/yu.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">鬼鲛 手办</h3>
					<span class="meta__brand">鬼鲛 手办</span>
					<span class="meta__price">$79</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item dresses">
				<div class="slider">
					<div class="slider__item"><img src="images/renju/2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/2.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">四代目飞雷神苦无 未开刃</h3>
					<span class="meta__brand">四代目飞雷神苦无</span>
					<span class="meta__price">$20</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shirts">
				<div class="slider">
					<div class="slider__item"><img src="images/jiafa/5.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/5.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/5.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">宇智波 假发</h3>
					<span class="meta__brand">宇智波 假发</span>
					<span class="meta__price">$68</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item trousers">
				<div class="slider">
					<div class="slider__item"><img src="images/trousers/trousers2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers2.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">宇智波钥匙扣</h3>
					<span class="meta__brand">宇智波钥匙扣</span>
					<span class="meta__price">$13</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item jackets">
				<div class="slider">
					<div class="slider__item"><img src="images/jackets/m1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/m2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/m3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">自来也COS服装</h3>
					<span class="meta__brand">自来也COS服装</span>
					<span class="meta__price">$99</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/c1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/c2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/c3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">日向雏田</h3>
					<span class="meta__brand">日向雏田</span>
					<span class="meta__price">$99</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item grid__item--size-a dresses">
				<div class="slider">
					<div class="slider__item"><img src="images/renju/3.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/3.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">旋转手里剑 未开刃</h3>
					<span class="meta__brand">旋转手里剑</span>
					<span class="meta__price">$15</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item trousers">
				<div class="slider">
					<div class="slider__item"><img src="images/trousers/trousers3.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers3.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">卡卡西 钥匙扣</h3>
					<span class="meta__brand">卡卡西 钥匙扣</span>
					<span class="meta__price">$12</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/g1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/g2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/g3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">纲手手办</h3>
					<span class="meta__brand">纲手手办</span>
					<span class="meta__price">$99</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item jackets">
				<div class="slider">
					<div class="slider__item"><img src="images/jackets/x.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/x.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/x.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">晓组织COS服装</h3>
					<span class="meta__brand">晓组织COS服装</span>
					<span class="meta__price">$34</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shirts">
				<div class="slider">
					<div class="slider__item"><img src="images/jiafa/6.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/6.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/6.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">宇智波佐助 假发</h3>
					<span class="meta__brand">宇智波佐助假发</span>
					<span class="meta__price">$90</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/k1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/k1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/k1.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">害羞的日向雏田</h3>
					<span class="meta__brand">害羞的日向雏田</span>
					<span class="meta__price">$199</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item dresses">
				<div class="slider">
					<div class="slider__item"><img src="images/renju/5.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/5.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/5.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">阿斯玛 苦无 未开刃</h3>
					<span class="meta__brand">阿斯玛 苦无</span>
					<span class="meta__price">$18</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shirts">
				<div class="slider">
					<div class="slider__item"><img src="images/jiafa/7.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/7.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shirt.pngimages/jiafa/7.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">好色仙人 假发</h3>
					<span class="meta__brand">好色仙人 假发</span>
					<span class="meta__price">$99</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item grid__item--size-a trousers">
				<div class="slider">
					<div class="slider__item"><img src="images/trousers/trousers4.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers4.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers4.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">好色仙人钥匙扣</h3>
					<span class="meta__brand">好色仙人钥匙扣</span>
					<span class="meta__price">$15</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item jackets">
				<div class="slider">
					<div class="slider__item"><img src="images/jackets/z1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/z2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/z3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">佐助少年时期套装</h3>
					<span class="meta__brand">简单不失少年感</span>
					<span class="meta__price">$66</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/d1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/d2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/d3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">宇智波带土 六道带土</h3>
					<span class="meta__brand">宇智波带土 六道带土</span>
					<span class="meta__price">$49</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shirts">
				<div class="slider">
					<div class="slider__item"><img src="images/jiafa/4.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/4.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/4.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">六道仙人假发</h3>
					<span class="meta__brand">六道仙人假发</span>
					<span class="meta__price">$89</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/x1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/x1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/x1.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">自来也之死 手办</h3>
					<span class="meta__brand">自来也之死 手办</span>
					<span class="meta__price">$299</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item dresses">
				<div class="slider">
					<div class="slider__item"><img src="images/renju/6.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/66.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/6.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">智波佐助刀草雉剑金属合金草稚 未开刃</h3>
					<span class="meta__brand">智波佐助刀草雉剑金属合金草稚</span>
					<span class="meta__price">$29</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shirts">
				<div class="slider">
					<div class="slider__item"><img src="images/jiafa/8.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/8.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jiafa/8.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">日向雏田 长发假发</h3>
					<span class="meta__brand">日向雏田 长发假发</span>
					<span class="meta__price">$99</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item trousers">
				<div class="slider">
					<div class="slider__item"><img src="images/trousers/trousers5.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers5.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers5.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">火影忍者 道具钥匙扣</h3>
					<span class="meta__brand">火影忍者 苦无等钥匙扣</span>
					<span class="meta__price">$9</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item jackets">
				<div class="slider">
					<div class="slider__item"><img src="images/jackets/c1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/c2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/c3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">向日雏田COS服装</h3>
					<span class="meta__brand">向日雏田COS服装</span>
					<span class="meta__price">$105</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/muye.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/muye.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/muye.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">木叶火影大集合 手办</h3>
					<span class="meta__brand">木叶火影大集合 手办</span>
					<span class="meta__price">$399</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item grid__item--size-a dresses">
				<div class="slider">
					<div class="slider__item"><img src="images/renju/7.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/7.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/renju/7.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">双刃苦无 未开刃</h3>
					<span class="meta__brand">双刃苦无</span>
					<span class="meta__price">$10</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item trousers">
				<div class="slider">
					<div class="slider__item"><img src="images/trousers/trousers6.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers6.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/trousers/trousers6.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">鸣人VS雏田Q版钥匙扣</h3>
					<span class="meta__brand">鸣人VS雏田Q版钥匙扣</span>
					<span class="meta__price">$20</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item shoes">
				<div class="slider">
					<div class="slider__item"><img src="images/shouban/1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/shouban/3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">卡卡西 手办</h3>
					<span class="meta__brand">卡卡西 手办</span>
					<span class="meta__price">$99</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item jackets">
				<div class="slider">
					<div class="slider__item"><img src="images/jackets/y1.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/y2.png" alt="Dummy" /></div>
					<div class="slider__item"><img src="images/jackets/y3.png" alt="Dummy" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">春野樱 少年时期COS套装</h3>
					<span class="meta__brand">春野樱cosplay衣服护额全套</span>
					<span class="meta__price">$59</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
		</section>
		<!-- /grid-->
	</div>
	<!-- /view -->
	
	<script src="js/isotope.pkgd.min.js"></script>
	<script src="js/flickity.pkgd.min.js"></script>
	<script src="js/main.js"></script>
</body>
</html>